import { createContext, useContext, useState } from "react";
import { dummyProducts } from '../services/dummy'; 
// 创建一个上下文环境
// 为什么要向外输出？
// 任何组件 提供value  useContext(ProductsContext)
// 商品数据流管理
export const ProductsContext = createContext();

// 子组件 完成封装
const ProductsContextProvider = ({children}) => {
    const [products] = useState(dummyProducts);
    return (
        <ProductsContext.Provider value={{products}}>
            {children}
        </ProductsContext.Provider>
    )
}

export default ProductsContextProvider;